﻿@charset "UTF-8";
/*共同公用*/
/*背景色*/
.section{width: 100%;position: relative;overflow: hidden;padding-top: 40px;padding-bottom:50px;box-sizing: border-box;}
.section-white{background-color: #fff;}
.section-gray{background-color: #f1f1f1;}
.section-yellow{background-color: #ff9933;}
.section-black{background-color: #666;}
/*标题MORE */
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.title-wrap{position: relative;border-left: 2px solid #FF9933;padding-left: 15px;}
.title-wrap .caption{font-size: 24px;line-height: 28px;letter-spacing: 1px;color: #ff9933}
.title-wrap .more-btn{position: absolute;bottom: 0;right: 0;font-size: 12px;color: #999;}
.title-wrap .more-btn:hover{color: #fa7f04;}
/*遮罩层*/
.box-shade{position: absolute;width: 100%;bottom: 0;left: 0;background: rgba(0,0,0,0.3);}
.shade-item{color: #fff;text-align: center;padding: 10px 30px;}
.shade-item h5{font-size: 22px;}
.shade-item p{font-size: 18px;padding-top: 8px;}
/*展示图按钮*/
.card-img{position: relative;overflow: hidden;border: 1px solid #FF9933;}
.card-img:hover{-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s; 
border-color:rgba(141,39,142,.75); 
-webkit-box-shadow:0 0 18px rgba(111,1,32,3);}
/*流程图*/
.bottom-img{margin-top: 25px;}
/*图片缩放*/
img.zoom-img{
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	overflow: hidden;
}
img.zoom-out-img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);}
img.zoom-out-img:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/*段落溢出隐藏省略...*/
/*一行超出就溢出隐藏*/
.box-ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/*二行超出就溢出隐藏*/
.box-ellipsis-2{
  overflow:hidden;    
  text-overflow:ellipsis;  
  white-space:normal ！important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;      
}
/*头尾*/